<template>
  <div class="max-w-3xl mx-auto space-y-8">
    <div class="text-center">
      <h1 class="text-4xl font-bold text-gray-900 mb-4">
        关于图片优化器
      </h1>
      <p class="text-xl text-gray-600">
        一个现代化的图片优化和转换工具
      </p>
    </div>

    <div class="bg-white p-6 rounded-lg shadow-sm space-y-6">
      <div>
        <h2 class="text-2xl font-semibold mb-4">主要特点</h2>
        <ul class="space-y-4">
          <li class="flex items-start">
            <svg class="w-6 h-6 text-primary-500 mr-2 mt-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
            </svg>
            <span>所有处理都在浏览器中完成，确保您的隐私安全</span>
          </li>
          <li class="flex items-start">
            <svg class="w-6 h-6 text-primary-500 mr-2 mt-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
            </svg>
            <span>支持多种图片格式，包括 JPG、PNG、WebP 等</span>
          </li>
          <li class="flex items-start">
            <svg class="w-6 h-6 text-primary-500 mr-2 mt-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
            </svg>
            <span>智能优化算法，在保持质量的同时减小文件大小</span>
          </li>
        </ul>
      </div>

      <div>
        <h2 class="text-2xl font-semibold mb-4">技术栈</h2>
        <p class="text-gray-600">使用 Vue 3、TypeScript 和现代 Web 技术构建</p>
      </div>
    </div>
  </div>
</template>

<script setup lang="ts">
// 移除 i18n 相关代码
</script> 